<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/SmsLogin.css">

    <style>
        .select_a{
            text-decoration: none;
            border:1px solid #BDBDBD;
            display: block;
            width: 160px;
            height: 40px;
            text-align: center;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF6A10), to(#FE9B02));
            color: white;
            border-radius: 5%;
            out-line: none;
        }
        .select_a:hover{
            text-decoration: none;
            color: white;
            background-color: #BDBDBD;
        }
        .select_a:visited{
            text-decoration: none;
            color: white;
        }
        .select_a:active{
            text-decoration: none;
            color: white;
        }
        a:focus{
            text-decoration: none;
            color:#000;
        }
    </style>
</head>
<body>
<div class="reg_container">
    <div class="reg_content form-inline">
        <div class="reg_left_from form-group">
            <div class="form_title">
                登陆</br>Login
            </div>
            <div class="form_content">
                <div class="user_name input_div">
                    <div class="placeholder">手机号<br/>Phone number</div>
                    <input type="text" isvalid="yes" checkexpession="NotNull" errormsg="手机号不能为空<br/>Cell phone number can not be empty"/>
                </div>
                <div class="code form-inline input_div">
                    <div class="placeholder" style="width: 200px;">验证码<br/>Verificotion code</div>
                    <input type="text" class="form-group" style="width: 200px;" isvalid="yes" checkexpession="NotNull" errormsg="验证码<br/>The verifying code cannot be empty"/>
                    <a class="form-group select_a" style="width: 96px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));;border: 1px solid #FF6A10;color: #FF6A10;">获取验证码</br>get the verify</a>
                </div>
            </div>
            <div class="commint_btn">
                <a id="login" class="select_a">登陆</br>Login</a>
            </div>
            <div class="login_remark">
                <a href="login.html">密码登陆</a>
                <a href="register.html" style="margin-left: calc(100% - 100px)">去注册</a>
            </div>
        </div>
    </div>
</div>
</body>
<script rel="script" src="../js/jquery.min.js"></script>
<script rel="script" src="../js/common_input.js"></script>
<script rel="script" src="../js/validator/validator.js"></script>
<script rel="script">
    $(function(){
        $("#login").on("click",function(){
            if(!$(".reg_left_from").Validform()){
                return false;
            }
        });
    })
</script>
</html>